<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand" />  
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" media="all">
		<style>
			#tabs {
				pointer-events: none;
			}
		</style>
	</head>

	<body>
		<div class="layui-tab layui-tab-brief" lay-filter="demo">
			<ul class="layui-tab-title" id="tabs">
				<li class="layui-this" lay-id="11">绑定编号</li>
				<li lay-id="22">输入详情</li>
				<li lay-id="33">配置设置</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
					<div style="text-align:center; padding-top: 20%;">
						<input type="text" autocomplete="off" placeholder="请输入设备编号" id="deviceNo" name="deviceNo" class="layui-input">
					</div>
					<div class="site-demo-button" style="text-align: center; padding-top: 10%;">
						<button class="layui-btn site-demo-active" data-type="tabChange">下一步</button>
					</div>
				</div>
				<div class="layui-tab-item">
					<form class="layui-form" action="" id="form-add">
						<div class="layui-form-item">
							<label class="layui-form-label">设备名称</label>
							<div class="layui-input-block">
								<input type="text" name="deviceName" id="deviceName" placeholder="请输入设备名称" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">应用场景</label>
							<div class="layui-input-block">
								<select name="sceneId" id="sceneId">
									<option value=""></option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">设备地址</label>
							<!--<div class="layui-input-block sw-times2">
								<input type="text" name="deviceAddress" readOnly="true" id="deviceAddress" lay-verify="address" autocomplete="off" placeholder="请输入地址" class="layui-inputs">
								<a class="layui-btn layui-btn-primary layui-btn-small" id="map">
									<i class="layui-icon">&#xe654;</i>
								</a>

							</div>-->
							<div class="layui-input-block">
								<input type="text" name="deviceAddress" id="deviceAddress" lay-verify="address" autocomplete="off" placeholder="请选择地址" class="layui-inputaaa">
								<!--<a class="layui-btn layui-btn-primary layui-btn-small" id="map">
									<i class="layui-icon">&#xe654;</i>
								</a>-->
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">测点位置</label>
							<div class="layui-input-block">
								<input type="text" name="monitorPosition" id="monitorPosition" placeholder="请输入测点位置" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item layui-form-text">
							<label class="layui-form-label">备注</label>
							<div class="layui-input-block">
								<input type="hidden" id="device" name="deviceNo"/>
								<textarea name="deviceDesc" id="deviceDesc" placeholder="请输入内容" class="layui-textarea"></textarea>
							</div>
						</div>
					</form>
					<div class="layui-form-item" style="text-align: center;margin-left: -90px;">
						<div class="layui-input-block">
							<button class="layui-btn layui-btn-primary" data-type="tabChange1">上一步</button>
							<button class="layui-btn site-demo-active" data-type="tabChange2">下一步</button>
						</div>
					</div>
				</div>
				<div class="layui-tab-item">
					<form class="layui-form" id="form-adds" name="">
						<input type="hidden" id="devices" name="deviceNo"/>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">上传间隔（分钟）</label>
							<div class="layui-input-inline" style="width: 60%;">
								<input type="text" name="step" id="step" placeholder="" value="2" autocomplete="off" class="layui-input" onchange="much()">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">报警间隔（分钟）</label>
							<div class="layui-input-inline" style="width: 60%;">
								<input type="text" name="alarmStep" id="alarmStep" placeholder="" value="10" autocomplete="off" class="layui-input" onchange="muchs()">
							</div>
						</div>
						<label class="layui-form-label" style="width: 150px;">通道一</label>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">温度上下限</label>
							<div class="layui-input-block">
								<input type="text" name="temMinCh1" id="temMinCh1" placeholder="下限" class="layui-inputs" value="-100" onchange="value=/^\d+(\.\d{2})?$/.test(value)?value:''">~
								<input type="text" name="temMaxCh1" id="temMaxCh1" placeholder="上限" class="layui-inputs" value="100"  onchange="value=/^\d+(\.\d{2})?$/.test(value)?value:''">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">湿度上下限</label>
							<div class="layui-input-block">
								<input type="text" name="humMinCh1" id="humMinCh1" placeholder="下限" autocomplete="off" value="0"  class="layui-inputs"onkeyup="value=/^\d+(\.\d{2})?$/.test(value)?value:''">~
								<input type="text" name="humMaxCh1" id="humMaxCh1" placeholder="上限" autocomplete="off" value="100"  class="layui-inputs"onkeyup="value=/^\d+(\.\d{2})?$/.test(value)?value:''">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">温度矫正</label>
							<div class="layui-input-block">
								<span style="color: red; padding-right: 52px;">范围-5~5，默认0</span>
								<input type="text" name="temAdjustCh1" id="temAdjustCh1" placeholder="0" value="0" autocomplete="off" class="layui-inputs"onKeyUp="value=/^([0-5]?|5)$|^-([0-5]?|5)$/.test(value)?value:''">
							</div>
							<label class="layui-form-label" style="width: 150px;">通道二</label>
							<div class="layui-form-item">
								<label class="layui-form-label" style="width: 150px;">温度上下限</label>
								<div class="layui-input-block">
									<input type="text" name="temMinCh2" id="temMinCh2" placeholder="下限" value="-100"  class="layui-inputs" onchange="value=/^\d+(\.\d{2})?$/.test(value)?value:''">~
									<input type="text" name="temMaxCh2" id="temMaxCh2" placeholder="上限" value="100" class="layui-inputs" onchange="value=/^\d+(\.\d{2})?$/.test(value)?value:''">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label" style="width: 150px;">湿度上下限</label>
								<div class="layui-input-block">
									<input type="text" name="humMinCh2" id="humMinCh2" placeholder="下限" value="0"  autocomplete="off" class="layui-inputs" onkeyup="value=/^\d+(\.\d{2})?$/.test(value)?value:''">~
									<input type="text" name="humMaxCh2" id="humMaxCh2" placeholder="上限" value="100"  autocomplete="off" class="layui-inputs"onkeyup="value=/^\d+(\.\d{2})?$/.test(value)?value:''">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label" style="width: 150px;">温度矫正</label>
								<div class="layui-input-block">
									<span style="color: red;padding-right: 52px;">范围-5~5，默认0</span>
									<input type="text" name="temAdjustCh2" id="temAdjustCh2" placeholder="0" value="0"  autocomplete="off" class="layui-inputs" onKeyUp="value=/^([0-5]?|5)$|^-([0-5]?|5)$/.test(value)?value:''">
								</div>
							</div>
							<div class="layui-form-item">
							   <label class="layui-form-label" style="width: 150px;">开启离线报警</label>
							    <div class="layui-input-block">
							        <input type="radio" name="offlineAlarmStr" id="on" value="on" title="是">
									<input type="radio" name="offlineAlarmStr" id="offs" value="off" title="否" checked>
							    </div>
							</div>
							<div class="layui-form-item">
							   <label class="layui-form-label" style="width: 150px;">开启超限报警</label>
							    <div class="layui-input-block">
							        <input type="radio" name="overrunAlarmStr" id="ons" value="on" title="是">
									<input type="radio" name="overrunAlarmStr" id="offs" value="off" title="否" checked>
							    </div>
							</div>
							<div class="layui-form-item">
							   <label class="layui-form-label" style="width: 150px;">开启故障报警</label>
							    <div class="layui-input-block">
							        <input type="radio" name="brokenAlarmStr" id="ons" value="on" title="是">
									<input type="radio" name="brokenAlarmStr" id="offs" value="off" title="否" checked>
							    </div>
							</div>
							<div class="layui-form-item">
							   <label class="layui-form-label" style="width: 150px;">开启电池故障报警</label>
							    <div class="layui-input-block">
							        <input type="radio" name="batteryAlarmStr" id="ons" value="on" title="是">
									<input type="radio" name="batteryAlarmStr" id="offs" value="off" title="否" checked>
							    </div>
							</div>
					</form>
					<div class="layui-form-item" style="text-align: center; padding-top: 30px; margin-left: -20px;">
						<div class="layui-input-block">
							<a class="layui-btn" id="device_add" >保存</a>
						</div>
					</div>

					</div>
					</div>
				</div>
		<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.2.3/jquery.js"></script>
		<script src="layui/layui.js"></script>
		<script src="js/common.js"></script>
		<script src="js/selectCity.js"></script>
		<script src="js/device_add.js"></script>
	</body>

</html>